<!-- 导航栏 -->
<link rel="stylesheet" href="../CSS/common.css">
<link rel="stylesheet" href="../CSS/blog_content.css">

<div class="nav">
    <img src="../img/234.png" alt="比特科技">
    <span class="title">我的博客系统</span>
    <!-- 专门设置一个span来占据中间位置 -->
    <span class="spacer"></span>
    <a href="blog_list.html">主页</a>
    <a href="blog_edit.html">写博客</a>
    <a href="logout">注销</a>

</div>


<!-- 引入版心和个人信息 -->



<!-- 实现版心部分 -->
<div class="container">
    <!-- 左侧个人信息 -->
    <div class="container-left">
        <div class="card">
            <img src="../img/头像.png" alt="我的头像">
            <h3>宋浩</h3>
            <a href="#">github 地址</a>
            <div class="counter">
                <span>文章</span>
                <span>分类</span>
            </div>
            <div class="counter">
                <span>2</span>
                <span>1</span>
            </div>
        </div>
    </div>

    <div class="container-right">
        <div class="blog-content">
            <h3>我的第一篇博客</h3>
            <!-- 博客时间 -->
            <div class="date">2021-06-02</div>
            <!-- 博客正文 -->
            <p>
                从今天起要好好学习
                Lorem ipsum, dolor sit amet consectetur adipisicing elit. 
                Aspernatur nobis error fugit nemo molestiae dignissimos asperiores 
                doloribus recusandae! Sequi quas facere natus harum magnam vitae 
                suscipit ratione eaque ullam dicta.
                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste vero totam tempora unde iure, quis similique ea nesciunt consequuntur voluptatem voluptatum nisi reiciendis laudantium, debitis beatae illum dicta mollitia culpa.
                Lorem ipsum dolor sit amet consectetur adipisicing elit. Non adipisci labore officia aut dolorum? Rem animi, iusto voluptate facilis ipsum, saepe velit quae vero excepturi fugiat neque dolorem corporis error?
                Lorem, ipsum dolor sit amet consectetur adipisicing elit. Accusantium, autem in fugit illo aperiam aspernatur, officia aliquid explicabo eius reprehenderit itaque? Voluptatibus soluta dicta debitis, nesciunt blanditiis cumque voluptatum aliquam!
                Lorem ipsum dolor sit amet consectetur, adipisicing elit. Corrupti fugit, laboriosam id et nemo ducimus ex alias inventore maxime delectus velit iusto veniam est tenetur culpa at voluptatem excepturi sapiente!
            </p>
            <p>
                从今天起要好好学习
                Lorem ipsum, dolor sit amet consectetur adipisicing elit. 
                Aspernatur nobis error fugit nemo molestiae dignissimos asperiores 
                doloribus recusandae! Sequi quas facere natus harum magnam vitae 
                suscipit ratione eaque ullam dicta.
                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste vero totam tempora unde iure, quis similique ea nesciunt consequuntur voluptatem voluptatum nisi reiciendis laudantium, debitis beatae illum dicta mollitia culpa.
                Lorem ipsum dolor sit amet consectetur adipisicing elit. Non adipisci labore officia aut dolorum? Rem animi, iusto voluptate facilis ipsum, saepe velit quae vero excepturi fugiat neque dolorem corporis error?
                Lorem, ipsum dolor sit amet consectetur adipisicing elit. Accusantium, autem in fugit illo aperiam aspernatur, officia aliquid explicabo eius reprehenderit itaque? Voluptatibus soluta dicta debitis, nesciunt blanditiis cumque voluptatum aliquam!
                Lorem ipsum dolor sit amet consectetur, adipisicing elit. Corrupti fugit, laboriosam id et nemo ducimus ex alias inventore maxime delectus velit iusto veniam est tenetur culpa at voluptatem excepturi sapiente!
            </p>

        </div>
    </div>
</div>










